body {
	font-size:12px;
}
.font {font-size:12px; line-height:14px; color:#444444;} 
a {text-transform:none; text-decoration:none;}
a:hover {text-decoration:underline; color:#FF0000}
.input1 {font-size:12px; color:#aaaaaa; line-height:14px; border-color:#000000; border-width:1px; background:#ffffff;}
.input2 {font-size:12px; line-height:14px; border-color:#000000; border-width:1px; background:#d0d0d0;}

#wrap {
	width:810px;
	height:600px;
	margin:auto;
}
#sidebar {
	width:200px;
	height:100%;
	float:left;
}
#content {
	width:610px;
	height:100%;
	float:left;
}

#slogo {
	width:100%;
	text-align:center;
}
#userzone {
	width:100%;
	height:130px;
	position:relative;
}
#userface {
	width:70px;
	height:120px;
	float:left;
	text-align:center;
	padding:5px;
}
#userface img {
	max-width:70px;
}
#compass {
	width:120px;
	height:126px;
	float:left;
	background-image:url("../images/fantasy/action.gif");
	position:relative;
}
#compass div {
	width:40px;
	height:42px;
	position:absolute;
	display:none;
	cursor:pointer;
	background:url("../images/fantasy/action2.gif") no-repeat; 
	overflow:hidden;
}
#compass #northwest {
	top:0px;
	left:0px;
	background-position:0px 0px;
}
#compass #north {
	top:0px;
	left:42px;
	background-position:-42px 0px;
}
#compass #northeast {
	top:0px;
	left:80px;
	background-position:-80px 0px;
}

#compass #west {
	top:42px;
	left:0px;
	background-position:0px -42px;
}
#compass #east {
	top:42px;
	left:80px;
	background-position:-80px -42px;
}

#compass #southwest {
	top:84px;
	left:0px;
	background-position:0px -84px;
}
#compass #south {
	top:84px;
	left:40px;
	background-position:-40px -84px;
}
#compass #southeast {
	top:84px;
	left:80px;
	background-position:-80px -84px;
}

#chatzone {
	width:190px;
	height:400px;
	border:1px solid #00f;
	padding:5px;
}




